    <div class="container">
      <div class="bg-putih">

        <div class="jdl-page">
          <i class="fa fa-user"></i> <?php echo isset($judul)?$judul:'<font color="#ccc">Judul Belum Diberikan</font>'; ?>
          <span style="font-size:13px;margin-left:10px;color:#ccc;margin-top:4px;" class="pull-right">
            <a href="<?php echo site_url('auth'); ?>" title="Halaman Pengguna" class="aktif">DAFTAR PENGGUNA</a>&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;
            <a href="<?php echo site_url('auth/groups'); ?>" title="Halaman Grup Pengguna">GRUP</a>
          <?php 
            if($this->ion_auth->in_group(array($this->config->item('super_admin_group', 'ion_auth')))){
          ?>
            &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;
            <a href="<?php echo site_url('auth/roles'); ?>" title="Halaman Role Grup">ROLE</a>&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;
            <a href="<?php echo site_url('auth/roles_category'); ?>"  title="Halaman Kategori Role">KATEGORI ROLE</a>
          <?php
            }
          ?>
          </span>
          <div class="clearfix"></div>
        </div>
        
        <?php echo display_flash(); ?>

        <div class="row">

          <div class="col-xs-8">
            <div class="btn-group btn-group-sm" role="group" aria-label="...">
              <a href="<?php echo site_url('auth/create_user'); ?>" class="btn btn-primary">&nbsp;Tambah</a>
            </div>
          </div>
          <div class="col-xs-4">
            <div class="input-group input-group-sm">
              <input type="text" class="form-control" placeholder="Cari nama, username atau email ..." title="Masukkan nama, username atau email ...">
              <span class="input-group-btn">
                <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span></button>
              </span>
            </div>
          </div>

        </div>

        <table class="table table-striped table-hover margintop20">
          <thead>
            <tr>
              <th width="4%" style="text-align:center;">#</th>
              <th width="25%">Nama Lengkap</th>
              <th width="24%">Email</th>
              <th width="25%">Grup</th>
              <th width="15">Status</th>
            </tr>
          </thead>
          <tbody>
          <?php
            if(!empty($users)){
              $i = 1; 
              foreach ($users as $user):
          ?>
            <tr>
              <td align="center"><?php echo $i++?></td>
              <td><span data-toggle="tooltip" data-placement="top" title="<?php echo $user->username; ?>"><?php echo $user->first_name . ' ' . $user->last_name; ?></span></td>
              <td><span data-toggle="tooltip" data-placement="top" title="<?php echo $user->username; ?>"><?php echo $user->email; ?></span></td>
              <td>
                <?php foreach ($user->groups as $group):?>
                  <span class="label label-info"><?php echo ucwords(str_replace('_', ' ', $group->name)); ?></span>
                <?php endforeach;?>
              </td>
              <td>
              <?php echo ($user->active) ? anchor("auth/deactivate/".$user->id, 'Aktif','class="label label-success" title="Non-aktifkan ' . $user->first_name . ' ' . $user->last_name . '"') : anchor("auth/activate/". $user->id, 'Nonaktif','class="label label-default" title="Aktifkan ' . $user->first_name . ' ' . $user->last_name . '"');?>
                <span class="pull-right">
                  <?php echo anchor("auth/edit_user/" . $user->id, 'Edit','class="label label-success" title="Edit data ' . $user->first_name . ' ' . $user->last_name . '"');?>
                  <a href="<?php echo site_url('auth/delete_user/' . $user->id); ?>" class="label label-default" title="Hapus <?php echo $user->first_name . ' ' . $user->last_name; ?>" onClick="return confirm('Yakin ingin menghapus data <?php echo $user->first_name . ' ' . $user->last_name; ?> ?')">Hapus</a>
                </span>
              </td>
            </tr>
          <?php 
              endforeach;
            }else{
          ?>
            <tr>
              <td colspan="5" align="center">Tidak ada data</td>
            </tr>
          <?php 
            }
          ?>
          </tbody>
        </table>

        <div class="clearfix"></div>
      </div>
    </div> <!-- /container -->
    <script>
      $(function () {
        $('[data-toggle="tooltip"]').tooltip()
      })
    </script>